src/routes/(app)/[username]/(profile)/notes/+page.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<script lang="ts">
  import { t } from "$lib/translations";
  import Event from "$comp/Event.svelte";
  import { get, post } from "$lib/utils";
  import { onMount } from "svelte";
  import { ignore } from "$lib/store";

  let { data } = $props();
  let { events, subject, user } = $derived(data);
</script>

<div class="container px-4 max-w-xl mx-auto space-y-5">
  {#if !events.length}
    <div class="text-2xl text-center">{$t("notes.notFound")}</div>
  {/if}

  {#if user?.id === subject.id}
    <a href={`/${user.username}/notes/new`} class="btn">
      <iconify-icon noobserver icon="ph:note-bold" width="32"></iconify-icon>
      <div>Post a note</div>
    </a>
  {/if}
  {#each events as event, i}
    <Event {event} minimal={true} last={i === events.length - 1} {user} />
  {/each}
</div>